@charset "utf-8";
/* CSS Document */

body{
	background-color:#ffffff;
	height:500px;
	width:700px;
	border:1px solid black;
	font-family:Arial, Helvetica, sans-serif;
}

.header{
	height:65px;
	background-color:#ebebeb;
}

.photo{
	height:50px;
	width:40px;
	background-color:#000000;
	display:inline-block;
	margin-left:5px;
}

.recap{
	display:inline-block;
	font-size:7pt;
	width:140px;
	margin-left:10px;
}

.logo{
	display:inline-block;
	width:290px;
}

.facebook{
	display:inline-block;
	margin-left:50px;
}

.main{
	font-size:25pt;
}

.main a{
	color:#c19b02;
	text-decoration:none;
}

h1{
	font-size:27px;
	color:#ffffff;
	font-weight:bold;
	margin-top:10px;
}

.difficulte{
	background-image:url('../images/difficulte.png');
	background-repeat:repeat-x;
	background-position:top;
	width:215px;
	height:340px;
	display:inline-block;
	padding-left:10px;
	float:left;
	color:#D20409;
	font-size:24pt;
}

.mode{
	background-image:url('../images/mode.png');
	background-repeat:no-repeat;
	background-position:top;
	width:221px;
	height:340px;
	display:inline-block;
	margin:0px;
	padding-left:5px;
	float:left;
	font-size:22pt;
	color:#030572;
}

.theme{
	background-image:url('../images/theme.png');
	background-repeat:no-repeat;
	background-position:top;
	width:206px;
	height:340px;
	display:inline-block;
	margin:0px;
	padding:0px;
	float:left;
	font-size:22pt;
	padding-left:40px;
	color:#C19B02;
}

.jouer{
	float:right;
	margin-right:30px;
	background-color:#030572;
	border:none;
	color:#ffffff;
	text-transform:uppercase;
	height:25px;
	width:70px;
	font-weight:bold;
	cursor:pointer;
}

.jouer:hover{
	background-color:#D20409;
}